<!-- 关于我们模块 -->
<section id="<?php echo $data['type'];?>" class="py-16 bg-light">
  <div class="container mx-auto px-4 sm:px-6 lg:px-8">
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
      <div>
        <img src="<?php echo $data['content']['image']['src'];?>" alt="<?php echo $data['content']['image']['alt'];?>" class="w-full h-auto rounded-2xl shadow-lg">
      </div>
      <div>
        <div class="inline-block px-4 py-1 bg-primary/10 text-primary rounded-full text-sm font-medium mb-4">
          <?php echo $data['content']['sectionTitle'];?>
        </div>
        <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-dark mb-6">
          <?php echo $data['content']['sectionSubtitle'];?>
        </h2>
        <p class="text-dark/70 mb-6 leading-relaxed">
          <?php echo $data['content']['description']['highlight'];?>
        </p>
        <p class="text-dark/70 mb-8 leading-relaxed">
          <?php echo implode('<br/>', $data['content']['description']['paragraphs']);?>。
        </p>
        
        <!-- 公司优势 -->
        <div class="grid grid-cols-2 gap-4 mb-8">
          <?php foreach($data['content']['values']['items'] as $item){?>
          <div class="flex items-start">
            <div class="w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center mr-3 mt-1">
              <i class="fa <?php echo $item['icon'];?> text-primary"></i>
            </div>
            <div>
              <h4 class="font-bold mb-1"><?php echo $item['title'];?></h4>
              <p class="text-dark/70 text-sm"><?php echo $item['description'];?></p>
            </div>
          </div>
          <?php }?>
        </div>
        
        <a href="#contact" class="inline-flex items-center text-primary font-medium hover:underline">
          了解更多 <i class="fa fa-arrow-right ml-2"></i>
        </a>
      </div>
    </div>
  </div>
</section>